import { ElementType } from 'react';
import { CommonProps, SizeEnum } from '../common';

export type ItemOptions = CommonProps;

export interface ItemGroupOptions extends CommonProps {
  /**
   * 分割线
   */
  divided?: boolean;
  /**
   * 不堆叠
   */
  unstackable?: boolean;
  /**
   * 宽松
   */
  relaxed?: boolean | 'very';
  /**
   * 链接
   */
  link?: boolean;
  /**
   * 深色背景
   */
  inverted?: boolean;
}

export interface ItemImageOptions extends CommonProps {
  /**
   * 标签或组件名称
   * @default button
   */
  as?: ElementType;
  /**
   * 尺寸大小
   */
  size?: SizeEnum;
  /**
   * 图片地址
   */
  src?: string;
}

export interface ItemContentOptions extends CommonProps {
  /**
   * 对齐方式
   */
  aligned?: 'top' | 'middle' | 'bottom';
}

export interface ItemHeaderOptions extends CommonProps {
  /**
   * 标签或组件名称
   * @default button
   */
  as?: ElementType;
}

export type ItemMetaOptions = CommonProps;

export type ItemDescriptionOptions = CommonProps;

export type ItemExtraOptions = CommonProps;
